<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<title>自助挑选月嫂、月儿嫂</title>
		<link rel="stylesheet" type="text/css" href="../css/details.css" />
		<link rel="stylesheet" type="text/css" href="../css/header.css" />
		<link rel="stylesheet" type="text/css" href="../css/calendar.css"/>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<!--[if lt IE 9]>
        <script src="../js/html5shiv.min.js"></script>
		<script src="../js/respond.min.js"></script>
        <![endif]-->

	</head>

	<body>

		<main>
			<header>
				<ul>
					<li class="nav_active">月嫂详情</li>
					<li>月嫂排期</li>
				</ul>
			</header>

			<nav>
				<div class="title">
					<span class="return"><img src="../img/return.png"/></span>
					<p>月嫂详情</p>
					<span class="screen"><img src="../img/screen.png"/></span>
				</div>
			</nav>
			
			<div class="roll">
				<p><img src="../img/tishi.jpg"/>温馨提示：已有<span id="increase"></span>人看中了此月嫂，请您尽快下单！</p>
			</div>
			
			
			
			<!--月嫂详情开始-->
			<section >
				<!--诚信认证-->
				<div class="content">
					<ul>
						<li class="icon">
							<img src="../img/header.jpg" />
						</li>
						<li class="data">
							<p>
								<span class="name">菲菲</span>

							</p>
							<p class="demo_v">V4</p>
						</li>

						<li class="Price">
							<img src="../img/certificate.png" />
						</li>
					</ul>

					<div class="information">
						<ul>
							<li>
								<p>
									<span><img src="../img/age.png"/>  29岁</span>
									<span class="title"><img src="../img/experience.png"/>  4年经验</span>
									<span class="title"><img src="../img/address.png"/>  河北省石家庄人</span>
								</p>
							</li>

						</ul>

						<ul class="_ul">
							<li>
								<p>
									<span><img src="../img/ture.png"/> 婚姻：  <span>已婚</span></span>
									<span class="certificates">学历：<span>高中</span></span>
									<span class="certificatea">等级：<span>金牌</span></span>
								</p>
							</li>
						</ul>

						<ul class="_ul">
							<li>
								<p>
									<span><img src="../img/ture.png"/> 普通话：<span>标准</span></span>
									<span class="certificatew">月工资：<span>7200</span></span>
								</p>
							</li>
						</ul>
						
						
								
								<ul class="comment">
									<li><button  class="rudius">诚信认证</button></li>
									<li class="words"><span><img src="../img/information.png"/>  7</span><span><img src="../img/Collection.png"/>  7</span></li>
								</ul>
						

					</div>
				</div>
				<!--月嫂介绍-->
				<div class="introduce">
					<ul>
						<li class="icon">
							<img src="../img/header.jpg" />
						</li>
						<li class="data">
							<p>
								<span class="name">菲菲</span>

							</p>
							<p class="demo_v">V4</p>
						</li>

						<li class="Price" >
							<button  class="rudius">月嫂介绍</button>
						</li>
					</ul>
					<div class="remarks">
						<p>本人拥有多年月嫂和带宝宝的经验（具有月嫂上岗证），上海人，29岁，做事认真负责，有责任心，非常喜欢小孩。</p>
					</div>
				</div>
				
				<!--成长相册-->
				<div class="album">
					<ul>
						<li class="icon">
							<img src="../img/header.jpg" />
						</li>
						<li class="data">
							<p>
								<span class="name">菲菲</span>

							</p>
							<p class="demo_v">V4</p>
						</li>

						<li class="Price">
							<button  class="rudius">成长相册</button>
						</li>
					</ul>
					
					<ul class="album_list">
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
						<li><img src="../img/zp.png"/></li>
					</ul>
					
					
					<ul>
						<li class="time">今天11:05</li>
						<li class="comment"><span><img src="../img/information.png"/></span>7</li>
					</ul>
				</div>
				
				<!--面试视频-->
				<div class="video">
					<ul>
						<li class="icon">
							<img src="../img/header.jpg" />
						</li>
						<li class="data">
							<p>
								<span class="name">菲菲</span>

							</p>
							<p class="demo_v">V4</p>
						</li>

						<li class="Price">
							<button  class="rudius">面试视频</button>
						</li>
					</ul>
					
					<div class="video_Interview">
						<img src="../img/mianshi (2).jpg"/>
						
					</div>
					
					<ul>
						<li class="time">今天11:05</li>
						<li class="comment"><span><img src="../img/information.png"/></span>7</li>
					</ul>
				</div>	
				
				
				<!--我的分享-->
				<div class="share">
					<ul>
						<li class="icon">
							<img src="../img/header.jpg" />
						</li>
						<li class="data">
							<p>
								<span class="name">菲菲</span>

							</p>
							<p class="demo_v">V4</p>
						</li>

						<li class="Price">
							<button  class="rudius">我的分享</button>
						</li>
					</ul>
					<div class="title">
						<p>育儿知识小讲堂</p>
						
					</div>
					<div class="Classroom"><img src="../img/ketang (2).jpg" /></div>
					
					<ul>
						<li class="time">今天11:05</li>
						<li class="comment"><span><img src="../img/information.png"/></span>7</li>
					</ul>
				</div>	
				
				<div class="contact">
					<ul>
						<li><span><img src="../img/b9_35.jpg"/></span>联系方式</li>
						<li class="phone">请拨打管家帮客服电话免费咨询</li>
						<li class="tel"><span><img src="../img/b8_35.jpg"/></span>95081</li>
					</ul>
				</div>
				
			</section>
			<!--月嫂详情结束-->
			
			
			
			<!--月嫂排期-->
			<!--<section>
				<input type="text" class="calendars" />
			</section>-->
			<!--月嫂排期完-->
			
			
			
			
			
			
			<footer>
				<button>立即预约</button>
			</footer>

		</main>
		<script src="../js/calendar.js"></script>
		<script type="text/javascript" src="../js/jquery-3.2.1.js" ></script>
		<script>
			$(function(){
				
				$('.screen').click(function(){
					location.href="service_items.html";
				});
				$('.return').click(function(){
					location.href="homepage.html";
				});
				$('footer button').click(function(){
					location.href="mobile_verification.html";
				});
				$('.comment').click(function(){
					location.href="user_comments.html";
				});
				$('.album_list li img').click(function(){
					location.href="Photo_display.html";
				});
				
				
				
				//生成一个随机数
				date = new Date;
				housr = date.getHours();
				time = date.getMinutes();
				if (housr === housr && time <= time) {
					var timer = Math.floor(Math.random() * 1) + 5;
					localStorage.setItem('time', JSON.stringify(timer))
						//	  console.log(timer);
				}
				var getdata = localStorage.getItem('time')
				getdata = JSON.parse(getdata)
				var arr_time = [];
				arr_time.push(getdata)
				var fiuy = arr_time[0];
				//console.log(fiuy);
				document.getElementById('increase').innerHTML = fiuy;
				setInterval(function() {
					//fiuy++
					document.getElementById('increase').innerHTML = fiuy;
				}, 3000);
				
			})
		</script>
	</body>

</html>